<template>
  <div class="model-wrap">
    <modal
      title="审核"
      ok-text="提交"
      cancel-text="取消"
      effect="fade"
      :small="true"
      :width="460"
      :show.sync="showModal"
      :callback="submit">
      <div slot="modal-body" class="modal-body">
        <form class="form-horizontal" role="form" v-el:form>
          <div class="form-group form-group-sm">
            <label class="col-sm-3 control-label">姓名</label>
            <div class="col-sm-9 text-left">
              <input type="text" class="form-control" v-model="detail.name">
            </div>
          </div>
          <div class="form-group form-group-sm">
            <label class="col-sm-3 control-label">所属公司</label>
            <div class="col-sm-9 text-left">
              <input type="text" class="form-control" v-model="detail.company">
            </div>
          </div>
          <div class="form-group form-group-sm">
            <label class="col-sm-3 control-label">职位</label>
            <div class="col-sm-9 text-left">
              <input type="text" class="form-control" v-model="detail.profession">
            </div>
          </div>
          <div class="form-group form-group-sm">
            <label class="col-sm-3 control-label">手机号</label>
            <div class="col-sm-9 text-left">
              <input type="text" class="form-control" v-model="detail.phone">
            </div>
          </div>
          <div class="form-group form-group-sm">
            <label class="col-sm-3 control-label">常用邮箱</label>
            <div class="col-sm-9 text-left">
              <input type="text" class="form-control" v-model="detail.mail">
            </div>
          </div>
          <div class="form-group form-group-sm">
            <label class="col-sm-3 control-label">名片</label>
            <div class="col-sm-9 text-left">
              <img :src="detail.picUrl" @click="openImg">
            </div>
          </div>
          <div class="form-group form-group-sm">
            <label class="col-sm-3 control-label">支付宝账户</label>
            <div class="col-sm-9 text-left">
              <input type="text" class="form-control" v-model="detail.alipayAccount">
            </div>
          </div>
          <div class="form-group form-group-sm">
            <label class="col-sm-3 control-label">支付宝账户名称</label>
            <div class="col-sm-9 text-left">
              <input type="text" class="form-control" v-model="detail.alipayName">
            </div>
          </div>
          <div class="form-group form-group-sm">
            <label class="col-sm-3 control-label">渠道</label>
            <div class="col-sm-9 text-left">
              <input type="text" class="form-control" v-model="detail.channel">
            </div>
          </div>
          <div class="form-group form-group-sm">
            <label class="col-sm-3 control-label">审核</label>
            <div class="col-sm-9 text-left">
              <select class="form-control" v-model="status">
                <option value="3">拒绝</option>
                <option value="2">通过</option>
              </select>
            </div>
          </div>
          <div class="form-group form-group-sm" v-if="+status === 3">
            <label class="col-sm-3 control-label">拒绝理由</label>
            <div class="col-sm-9 text-left">
              <div><input type="radio" value="资料未填写完整" v-model="selReason" >资料未填写完整</div>
              <div><input type="radio" value="填写信息与实际情况不符" v-model="selReason" >填写信息与实际情况不符</div>
              <div><input type="radio" value="" v-model="selReason" >其他原因</div>
              <div v-show ="selReason === ''">
                <textarea  class="form-control" rows="4" v-model="otherReason" placeholder="请填写原因"></textarea>
              </div>
            </div>
          </div>
        </form>
      </div>
    </modal>
  </div>
</template>
<style src="./audit-detail.css" scoped></style>
<script src="./audit-detail.js"></script>